/**
 * 折叠式(accordion)菜单，样式可以自己用css进行美化
 */
Ext.define('app.view.main.menu.MainMenuAccordion', {
	
	extend: 'Ext.panel.Panel',
	
	alias: 'widget.mainmenuaccordion',
	
	layout: {
		type: 'accordion',
		animate: true  
	},
	
	title: '系统菜单',
	glyph: 0xf0c9,
	
	initComponent : function() {
		this.items = [];
		var menus = this.up('app-main').getViewModel().get('tf_MenuGroups');
		for (var i in menus) {
			var menugroup = menus[i];
			var accpanel = {
				menuAccordion : true,
				xtype : 'panel',
				title : menugroup.tf_title,
				bodyStyle : {
					padding : '10px'
				},
				layout : 'fit',
				dockedItems : [{
					dock : 'left',
					xtype : 'toolbar',
					items : []
				}],
				glyph : menugroup.tf_glyph
			};
			for (var j in menugroup.tf_menuModules) {
				var menumodule = menugroup.tf_menuModules[j];
				
				var module = vm.getModuleDefine(menumodule.tf_ModuleId);  
                if (module) {  
                    accpanel.dockedItems[0].items.push({  
                        xtype : 'buttontransparent',  
                        text : this.addSpace(module.tf_title, 12),  
                        glyph : module.tf_glyph,  
                        handler : 'onMainMenuClick'  
                    });  
                }
			}
			this.items.push(accpanel);
		}
		this.callParent(arguments);
	},

	addSpace : function(text, len) {
		var result = text;
		for (var i = text.length; i < len; i++) {
			result += '　';
		}
		return result;
	}
});